.C14-content .kmi-layout-main-content{
    background: linear-gradient(to right, #f7f7f7 50%,rgba(255, 255, 255, 0.51) 100%);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 16px;
}
.C14-content .kmi-layout-page{
    display: flex;
    flex-direction: row;
    padding: 0px;
    flex: 1;
}
.C14-content .section{
    display: flex;
    flex-direction: column;
    padding: 0px;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-bottom: 0px;
    border-radius: 4px 4px 0 0;
    padding: 8px 8px 4px 8px;
}
.C14-content .section .section-title{
    color: #00869b;
    font-weight: 600;
    padding-bottom:8px;
}
.C14-content .process-content{
    display: flex;
    flex-direction: row;
    padding: 0px;
    flex: 1;
}
.C14-content .process-content .process-item{
    display: flex;
    flex-direction: column;
    padding: 0px;
    flex: 1;
}
.C14-content .process-content .process-item .process-item__name{
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 8px;
    margin-right: 8px;
}
/*
.C14-content .process-content .process-item .process-item__arrow{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 100px 0 100px;
    border-color: #1ab7cd transparent transparent transparent;
    display: none;
}
*/
.C14-content .process-content .process-item.is-selected .process-item__name{
    background: #1ab7cd;
    color: #ffffff;
    font-weight: 600;
    border: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
/*
.C14-content .process-content .process-item.is-selected .process-item__arrow{
    display:initial;
}
*/
.C14-content .kmi-layout-page .right-content,
.C14-content .kmi-layout-page .left-content{
    display: flex;
    flex-direction: column;
    overflow:hidden;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-sizing: border-box;
}
.C14-content .kmi-layout-page .right-content{
    flex: 1;
    border-radius: 0 0 4px 0;
    border-left: 0px;
    background: #efefef;
    padding: 8px;
    box-sizing: border-box;
}
.C14-content .kmi-layout-page .left-content{
    flex: 2;
    border-right: 0px;
    border-radius: 0 0 0 4px;
}
.C14-content .kmi-layout-page .right-content .flow-op-title{

}
.C14-content .kmi-layout-page .right-content .section-sub-title{
    color: #00869b;
    padding: 4px;
    font-weight: 600;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-top: 0px;
    border-bottom: 0px;
}
.C14-content .kmi-layout-page .right-content .section-sub-title.first-section{
    border-radius: 4px 4px 0 0;
    border-top: 1px solid #cccccc;
}
.C14-content .kmi-layout-page .right-content .kmi-list__header{
    min-height: 28px;
    height: 28px;
    flex: 0 0 28px;
}
.C14-content .kmi-layout-page .left-content .flow-title{
    border-bottom: 1px solid #cccccc;
    padding: 4px;
    font-weight: 600;
    color: #00869b;
}
.C14-content .kmi-layout-page .left-content .flow-content{
    flex:1;
    display: flex;
    flex-direction: column;
    background: #efefef;
    padding: 8px;
    overflow: auto;
}
.C14-content .kmi-layout-page .left-content .flow-item{
    display: flex;
    position: relative;
    flex-direction: row;
    padding-bottom: 8px;
    align-self: stretch;
}
.C14-content .kmi-layout-page .left-content .flow-item .flow-item__content{
    flex: 1;
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    align-items: center;
}
.C14-content .kmi-layout-page .left-content .flow-item.flow-item__arrow{
    flex: 0 0 28px;
}
.C14-content .kmi-layout-page .left-content .flow-item .flow-item__content .flow-item__name {
    background: #ffffff;
    border-radius: 4px;
    border: 1px solid #cccccc;
    align-self: stretch;
    text-align: center;
    padding: 8px;
    margin: 0px 8px 8px 0;
    box-sizing: border-box;
    flex: 0 0 64px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.C14-content .kmi-layout-page .left-content .flow-item.is-selected .flow-item__content .flow-item__name{
    background: #1ab7cd;
    color: #ffffff;
    font-weight: 600;
    border: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
.C14-content .kmi-layout-page .left-content .flow-item .flow-item__content .flow-item__arrow{
    flex: 0 0 28px;
}
.C14-content .kmi-layout-page .left-content .flow-item .point-content{
    flex: 2;
    display: flex;
    flex-direction: column;
    border: 1px solid #cccccc;
    border-radius:4px;
    background: #ffffff;
}
.C14-content .kmi-layout-page .left-content .flow-item .point-content .point-row{
    flex:1;
    display: flex;
    flex-direction: row;
}
.C14-content .kmi-layout-page .left-content .flow-item .point-content .point-column{
    flex:1;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 24px 8px 4px;
    position: relative;
}
.C14-content .kmi-layout-page .left-content .flow-item .point-content .point-column .column__title {
    position: absolute;
    top: 4px;
    left: 8px;
}
.C14-content .kmi-layout-page .left-content .flow-item .point-content .point-column .column__qty{
    font-size:28px;
    font-weight: 600;
}
.C14-content .kmi-layout-page .left-content .flow-item .point-content .point-column .column__arrow{
    display: flex;
    justify-content: center;
    align-items: center;
}
.C14-content .kmi-layout-page .left-content .flow-item .point-content .point-column.up .column__qty,
.C14-content .kmi-layout-page .left-content .flow-item .point-content .point-column.up .column__arrow .material-icons,
.C14-content .kmi-layout-page .left-content .flow-item .point-content .point-column.up .column__persent{
    color:#db4b3c;
}
.C14-content .kmi-layout-page .left-content .flow-item .point-content .point-column.down .column__qty,
.C14-content .kmi-layout-page .left-content .flow-item .point-content .point-column.down .column__arrow .material-icons,
.C14-content .kmi-layout-page .left-content .flow-item .point-content .point-column.down .column__persent{
    color: #68bd84;
}
.C14-content .kmi-layout-page .left-content .flow-item .point-content .point-column .arrow_down,
.C14-content .kmi-layout-page .left-content .flow-item .point-content .point-column .arrow_up{
    display:none;
}
.C14-content .kmi-layout-page .left-content .flow-item .point-content .point-column.down .arrow_down,
.C14-content .kmi-layout-page .left-content .flow-item .point-content .point-column.up .arrow_up{
    display:inherit;
}
.C14-content .switch-content{
    display:flex;
}
.C14-content .switch-content .kmi-button.switch-button{
    width: 100px;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #1ab7cd;
    box-sizing: border-box;
    background: #ffffff;
    color: #1ab7cd;
    margin: 4px 0;
}
.C14-content .switch-content .kmi-button.switch-button:first-child{
    border-radius: 4px 0 0 4px;
    margin-left: 4px;
}
.C14-content .switch-content .kmi-button.switch-button:last-child{
    border-radius: 0 4px 4px 0;
    margin-right: 4px;
}
.C14-content .switch-content .kmi-button.switch-button.is-selected{
    background: #1ab7cd;
    color: #ffffff;
}
